import React from 'react';
import styles from './customsSkill.css';
const add = require('../../../../../../../../icons/personal/add.png')
const customsSkill = ({
  skillArr,
  addSkillItem = () => {}
}) => {

  return (
    <div className={styles.content}>
        <div className={styles.label}>
          技能标签
        </div>
      <div className={styles.skillArr}>
         {skillArr.map((item,index) => {

           return (
             <div key={index} className={styles.skillItem}>
                {item}
             </div>
           )
         })}
         <div className={`${styles.skillItem} ${styles.addItem}`} onClick={()=>addSkillItem()}>
            <img className={styles.addImg} src={add} />  添加
         </div>
       </div>
    </div>
  )
}

export default customsSkill;
